</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->WPF and Silverlight Edition Basic Library <!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Menu and ContextMenu Elements<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="WPF and Silverlight Edition Basic Library.html">WPF and Silverlight Edition Basic Library</a> > <a href="Menu and ContextMenu.html">Menu and ContextMenu</a> > Menu and ContextMenu Elements</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><div class="TabContainer TabContainerWidget"> <ul> <li class="FilteredContent27b61198-c1ee-4c04-836b-65232338d084"><a href="#TabContent-27b61198-c1ee-4c04-836b-65232338d084">C1Menu Elements</a></li> <li class="FilteredContentf246811c-e0a7-4969-86fc-6ea8164e6e40"><a href="#TabContent-f246811c-e0a7-4969-86fc-6ea8164e6e40">C1ContextMenu Elements</a></li> </ul> <div id="TabContent-27b61198-c1ee-4c04-836b-65232338d084" class="FilteredContent27b61198-c1ee-4c04-836b-65232338d084"> <div data-title="C1Menu Elements"> <p>The <strong>C1Menu</strong> is a control that allows hierarchical organization of elements associated with event handlers. The menus can be nested to any depth that you desire, and you can add as many items to the menu as you need to add.</p> <p>The following image diagrams the elements of the <strong>C1Menu</strong> control.</p> <p><img border="0" alt="" src="images/MenuContextMenu/MenuElements.png"></p> <p> </p> <p> </p> <p>The elements of the C1Menu control can be described as follows:</p> <ul> <li><strong>Menu Bar</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>The main menu is a horizontal, top-level menu. It is comprised of first-level <strong>C1MenuItems</strong> and can hold any feature available to <strong>C1MenuItems</strong>.</p> </blockquote> <ul> <li><strong>Submenus</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Submenus are menus that can only be accessed from other menus. A submenu is created when you nest a <strong>C1MenuItem</strong> within another <strong>C1MenuItem</strong>.</p> </blockquote> <ul> <li><strong>Menu Items</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Menu items are represented by the <strong>C1MenuItem</strong> class. Menu items can have labels and icons, and they can also be specified as checkable menu items. Each menu item is associated with a click event handler.</p> </blockquote> <ul> <li><strong>Checkable Menu Item</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Checkable menu items are objects of the <strong>C1MenuItem</strong> class that can be selected or cleared by users. You can make checkable menu items standalone, or you can group them with other checkable menu items to create a list of mutually exclusive check boxes. Checkable menu items can't be used in the menu bar.</p> </blockquote> <ul> <li><strong>Icon</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Icons are created by adding an Image control to the Icon property. Icons can't be used in the menu bar.</p> </blockquote> <ul> <li><strong>Separator</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Separators are created through the <strong>C1Separator</strong> class. Icons can't be used in the menu bar.</p> </blockquote> </div> </div> <div id="TabContent-f246811c-e0a7-4969-86fc-6ea8164e6e40" class="FilteredContentf246811c-e0a7-4969-86fc-6ea8164e6e40"> <div data-title="C1ContextMenu Elements"> <p>The <strong>C1ContextMenu</strong> provides a pop-up menu that provides frequently used commands that are associated with the selected object. The <strong>C1ContextMenuService</strong> class exposes context menus as extender properties that can be attached to any <strong>FrameworkElement</strong> objects on the page, much like the <strong>ToolTip</strong> property provided by the <strong>ToolTipService</strong> class. Once the menu is attached to an object, the users can right-click that object to open the menu.</p> <p>The following image diagrams the elements of the <strong>C1ContextMenu</strong> control.</p> <p><img border="0" alt="" src="images/MenuContextMenu/ContextMenuElements.png"></p> <p>The elements of the <strong>C1ContextMenu</strong> control can be described as follows:</p> <ul> <li><strong>Main Menu</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>The main menu is a horizontal bar comprised of first-level <strong>C1MenuItems</strong>. Menu items can be standalone items, or they can contain lists of submenu items.</p> </blockquote> <ul> <li><strong>Submenus</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Submenus are menus that can only be accessed from other menus. A submenu is created when you nest a <strong>C1MenuItem</strong> within another <strong>C1MenuItem</strong>.</p> </blockquote> <ul> <li><strong>Menu Items</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Menu items are represented by the <strong>C1MenuItem</strong> class. Menu items can have labels and icons, and they can also be specified as checkable menu items. Each menu item is associated with a click event handler.</p> </blockquote> <ul> <li><strong>Checkable Menu Item</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Checkable menu items are objects of the <strong>C1MenuItem</strong> class that can be selected or cleared by users. You can make checkable menu items standalone, or you can group them with other checkable menu items to create a list of mutually exclusive check boxes.</p> </blockquote> <ul> <li><strong>Icon</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Icons are created by adding an Image control to the Icon property.</p> </blockquote> <ul> <li><strong>Separator</strong></li> </ul> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p>Separators are created through the <strong>C1Separator</strong> class. They can be used to create visual groups of menu items.</p> </blockquote> </div> </div> </div><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><div class="SectionHeading" id="seealsoSectionHeading"><span class="SectionHeadingIcon"><!-- --></span><span class="SectionHeadingText">See Also</span></div><div id="seealsoSectionContent" class="SectionContent"><div class="SeeAlsoLink"> <a href="Creating Menus.html">Creating Menus</a></div> <div class="SeeAlsoLink"> <a href="Adding Icons.html">Adding Icons</a></div> <div class="SeeAlsoLink"> <a href="Adding a Separator Bar.html">Adding a Separator Bar</a></div> </div><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright © <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved.</p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation" target="_blank">Documentation Feedback</a> <!--DXMETADATA end--> </div> </body> </html>